<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="<%=cp%>/data/css/jquery-ui-1.9.1.custom.css" type="text/css" />

<style type="text/css">

body {
	font: 62.5% "굴림", sans-serif; margin: 50px;
}
ul#icons li{
	margin: 2px; position: relative; padding: 4px; 0; cursor: pointer; float: left;
	list-style: none;
}

ul#icons span,.ui-icon {
	float: left; margin:0 4px;
}

#container{width: 400px;}

</style>

<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<%=cp%>/data/js/jquery-ui-1.9.1.custom.min.js"></script>

<script type="text/javascript">
	$(function(){
		$("#container").tabs();
	});
</script>
</head>
<body>
<div id="container">
	<ul>
		<li><a href="#t1"><span> 첫번째 </span></a></li>
		<li><a href="#t2"><span> 두번째 </span></a></li>
		<li><a href="#t3"><span> 세번째 </span></a></li>
	</ul>
	
	<div id="t1">
		테스트 1
	</div>
	<div id="t2">
		테스트 2
	</div>
	<div id="t3">
		테스트 3
	</div>
</div>


</body>
</html>